<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>医生表页面</title>
		<!-- 引入 element-ui 样式文件，需要网络，否则失效 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入 vue 文件，使用本地下载的-->
		<script type="text/javascript" src="js/vue.min.js"></script>
		<!-- 引入 axios 库文件，使用本地下载的-->
		<script type="text/javascript" src="js/axios.min.js"></script>
		<!-- 引入组件库文件，需要网络，否则失效 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<style>
			/* 图片通用样式 */
			.image {
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div>
				<el-input placeholder="请输入要查询的医生姓名" style="width: 300px;" v-model="name"></el-input>
				<el-button type="primary" icon="el-icon-search" @click="getByLike()">搜索</el-button>
				<el-button type="success" icon="el-icon-setting" @click="getDoctorAll()">查询所有信息</el-button>
				<el-button type="danger" @click="jumpOne()">跳转到药品信息页面</el-button>
				<el-button type="warning" @click="jumpTwo()">跳转到挂号信息页面</el-button>
			</div>
			<hr>
			<!-- 修改医生信息之查询医生信息 -->
			<!-- 使用了 Dialog 对话框组件 -->
			<el-dialog title="请输入要修改的医生信息" :visible.sync="updateDialogVisible" width="30%">
				<!-- 使用了 Form 表单组件 -->
				<el-form ref="form" label-width="80px">
					<el-form-item label="姓名">
						<el-input v-model="update.dname"></el-input>
					</el-form-item>
					<el-form-item label="身份证号">
						<el-input v-model="update.dnumber"></el-input>
					</el-form-item>
					<el-form-item label="电话">
						<el-input v-model="update.dphone"></el-input>
					</el-form-item>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<el-form-item label="性别">
						<!-- <el-input v-if="update.dsex == 0" value="男"></el-input>
						<el-input v-if="update.dsex == 1" value="女"></el-input> -->
						<!-- <el-input v-if v-model="update.dsex"></el-input> -->
						<!-- 使用了 Select 选择器组件 -->
						<el-select v-model="value" placeholder="请选择医生性别">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="年龄">
						<el-input v-model="update.dage"></el-input>
					</el-form-item>
					<el-form-item label="出生日期">
						<el-input type="date" v-model="update.dbirthday"></el-input>
					</el-form-item>
					<el-form-item label="邮箱">
						<el-input v-model="update.demail"></el-input>
					</el-form-item>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<el-form-item label="科室">
						<!-- <el-input v-if="update.ddepartment == 1" value="急诊科"></el-input>
						<el-input v-if="update.ddepartment == 2" value="儿科"></el-input>
						<el-input v-if="update.ddepartment == 3" value="妇科"></el-input>
						<el-input v-if="update.ddepartment == 4" value="皮肤科"></el-input>
						<el-input v-if="update.ddepartment == 5" value="牙科"></el-input>
						<el-input v-if="update.ddepartment == 6" value="眼科"></el-input> -->
						<!-- 使用了 Select 选择器组件 -->
						<el-select v-model="value2" placeholder="请选择医生科室">
							<el-option v-for="item2 in options2" :key="item2.value2" :label="item2.label2"
								:value="item2.value2">
							</el-option>
						</el-select>
						<!-- <el-input v-model="update.ddepartment"></el-input> -->
					</el-form-item>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<el-form-item label="学历">
						<!-- <el-input v-if="update.deducation == 1" value="专科"></el-input>
						<el-input v-if="update.deducation == 2" value="本科"></el-input>
						<el-input v-if="update.deducation == 3" value="研究生"></el-input>
						<el-input v-if="update.deducation == 4" value="博士"></el-input> -->
						<!-- 使用了 Select 选择器组件 -->
						<el-select v-model="value3" placeholder="请选择医生学历">
							<el-option v-for="item3 in options3" :key="item3.value3" :label="item3.label3"
								:value="item3.value3">
							</el-option>
						</el-select>
						<!-- <el-input v-model="update.deducation"></el-input> -->
					</el-form-item>
					<el-form-item label="备注">
						<el-input v-model="update.dremarks"></el-input>
					</el-form-item>
				</el-form>
				<!-- 自定义组件样式 -->
				<div style="margin-left: 200px;">
					<span slot="footer" class="dialog-footer">
						<el-button type="warning" @click="updateExit">取 消</el-button>
						<el-button type="primary" @click="updateDoctor">确 定</el-button>
					</span>
				</div>
			</el-dialog>

			<!-- 添加医生信息 -->
			<!-- 使用了 Dialog 对话框组件 -->
			<el-dialog title="请输入要添加的医生信息" :visible.sync="addDialogVisible" width="30%">
				<el-form ref="add" label-width="80px">
					<el-form-item label="当前时间" v-if="show">
						<el-input v-model="add.nowDate"></el-input>
						<!-- <h3>{{add.nowDate}}</h3> -->
					</el-form-item>
					<el-form-item label="姓名">
						<el-input v-model="add.dName" placeholder="请输入医生姓名"></el-input>
					</el-form-item>
					<el-form-item label="身份证号">
						<el-input v-model="add.dNumber" placeholder="请输入医生身份证号"></el-input>
					</el-form-item>
					<el-form-item label="电话">
						<el-input v-model="add.dPhone" placeholder="请输入医生电话"></el-input>
					</el-form-item>
					<el-form-item label="性别">
						<!-- <el-input v-model="add.dSex" placeholder="请输入医生性别"></el-input> -->
						<!-- 使用了 Select 选择器组件 -->
						<el-select v-model="value" placeholder="请选择医生性别">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="年龄">
						<el-input v-model="add.dAge" placeholder="请输入医生年龄"></el-input>
					</el-form-item>
					<el-form-item label="出生日期">
						<el-input type="date" v-model="add.dBirthday" placeholder="请输入医生出生日期"></el-input>
					</el-form-item>
					<el-form-item label="邮箱">
						<el-input v-model="add.dEmail" placeholder="请输入医生邮箱"></el-input>
					</el-form-item>
					<el-form-item label="科室">
						<!-- <el-input v-model="add.dDepartment" placeholder="请输入医生科室"></el-input> -->
						<!-- 使用了 Select 选择器组件 -->
						<el-select v-model="value2" placeholder="请选择医生科室">
							<el-option v-for="item2 in options2" :key="item2.value2" :label="item2.label2"
								:value="item2.value2">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="学历">
						<!-- <el-input v-model="add.dEducation" placeholder="请输入医生学历"></el-input> -->
						<!-- 使用了 Select 选择器组件 -->
						<el-select v-model="value3" placeholder="请选择医生学历">
							<el-option v-for="item3 in options3" :key="item3.value3" :label="item3.label3"
								:value="item3.value3">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="备注">
						<el-input v-model="add.dRemarks" placeholder="请输入医生备注"></el-input>
					</el-form-item>
				</el-form>
				<!-- 自定义组件样式 -->
				<div style="margin-left: 200px;">
					<span slot="footer" class="dialog-footer">
						<el-button type="warning" @click="addExit">取 消</el-button>
						<el-button type="primary" @click="addMedicine">确 定</el-button>
					</span>
				</div>
			</el-dialog>

			<!-- 查询医生详细信息 -->
			<!-- 使用了 Dialog 对话框组件 -->
			<!-- 说明：因为查询医生详细信息是只读的，所以设置 readonly="true" 这个属性即可 -->
			<el-dialog title="医生详细信息如下" :visible.sync="getDialogVisible" width="30%">
				<!-- 使用了 Form 表单组件 -->
				<el-form ref="form" label-width="80px">
					<el-form-item label="编号">
						<el-input v-model="doctor.did" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="姓名">
						<el-input v-model="doctor.dname" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="身份证号">
						<el-input v-model="doctor.dnumber" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="电话">
						<el-input v-model="doctor.dphone" readonly="true"></el-input>
					</el-form-item>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<el-form-item label="性别">
						<el-input v-if="doctor.dsex == 0" value="男" readonly="true"></el-input>
						<el-input v-if="doctor.dsex == 1" value="女" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="年龄">
						<el-input v-model="doctor.dage" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="出生日期">
						<el-input v-model="doctor.dbirthday" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="邮箱">
						<el-input v-model="doctor.demail" readonly="true"></el-input>
					</el-form-item>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<el-form-item label="科室">
						<el-input v-if="doctor.ddepartment == 1" value="急诊科" readonly="true"></el-input>
						<el-input v-if="doctor.ddepartment == 2" value="儿科" readonly="true"></el-input>
						<el-input v-if="doctor.ddepartment == 3" value="妇科" readonly="true"></el-input>
						<el-input v-if="doctor.ddepartment == 4" value="皮肤科" readonly="true"></el-input>
						<el-input v-if="doctor.ddepartment == 5" value="牙科" readonly="true"></el-input>
						<el-input v-if="doctor.ddepartment == 6" value="眼科" readonly="true"></el-input>
					</el-form-item>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<el-form-item label="学历">
						<el-input v-if="doctor.deducation == 1" value="专科" readonly="true"></el-input>
						<el-input v-if="doctor.deducation == 2" value="本科" readonly="true"></el-input>
						<el-input v-if="doctor.deducation == 3" value="研究生" readonly="true"></el-input>
						<el-input v-if="doctor.deducation == 4" value="博士" readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="备注">
						<el-input v-model="doctor.dremarks" readonly="true"></el-input>
					</el-form-item>
				</el-form>
				<!-- 自定义组件样式 -->
				<div style="margin-left: 270px;">
					<span slot="footer" class="dialog-footer">
						<el-button type="warning" @click="getExit">退 出</el-button>
					</span>
				</div>
			</el-dialog>

			<!-- 显示医生所有信息 -->
			<!-- 使用了 Table 表格组件 -->
			<template>
				<el-table :data="tableData" border style="width: 100%" height="520px">
					<el-table-column fixed prop="did" label="操作" width="50">
						<el-checkbox v-model="tableData.checked" />
					</el-table-column>
					<el-table-column fixed prop="did" label="医生编号" width="80">
					</el-table-column>
					<el-table-column prop="dname" label="医生姓名" width="100">
					</el-table-column>
					<el-table-column prop="dnumber" label="医生身份证号" width="200">
					</el-table-column>
					<el-table-column prop="dphone" label="医生电话" width="150">
					</el-table-column>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<!-- 说明：因为外部使用了 template 作用域包裹，所有这里也需要有，否则失效 -->
					<el-table-column prop="dsex" label="医生性别" width="100">
						<template slot-scope="scoped">
							<span v-if='scoped.row.dsex == 0'>男</span>
							<span v-if='scoped.row.dsex == 1'>女</span>
						</template>
					</el-table-column>
					<el-table-column prop="dage" label="医生年龄" width="100">
					</el-table-column>
					<el-table-column prop="dbirthday" label="医生出生日期" width="200">
					</el-table-column>
					<el-table-column prop="demail" label="医生邮箱" width="150">
					</el-table-column>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<!-- 说明：因为外部使用了 template 作用域包裹，所有这里也需要有，否则失效 -->
					<el-table-column prop="ddepartment" label="医生科室" width="100">
						<template slot-scope="scoped">
							<span v-if='scoped.row.ddepartment == 1'>急诊科</span>
							<span v-if='scoped.row.ddepartment == 2'>儿科</span>
							<span v-if='scoped.row.ddepartment == 3'>妇科</span>
							<span v-if='scoped.row.ddepartment == 4'>皮肤科</span>
							<span v-if='scoped.row.ddepartment == 5'>牙科</span>
							<span v-if='scoped.row.ddepartment == 6'>眼科</span>
						</template>
					</el-table-column>
					<!-- 说明：可以直接在前端做判断，让数字对应后台数据显示 -->
					<!-- 说明：因为外部使用了 template 作用域包裹，所有这里也需要有，否则失效 -->
					<el-table-column prop="deducation" label="医生学历" width="100">
						<template slot-scope="scoped">
							<span v-if='scoped.row.deducation == 1'>专科</span>
							<span v-if='scoped.row.deducation == 2'>本科</span>
							<span v-if='scoped.row.deducation == 3'>研究生</span>
							<span v-if='scoped.row.deducation == 4'>博士</span>
						</template>
					</el-table-column>
					<el-table-column prop="dremarks" label="医生备注" width="150">
					</el-table-column>
					<!-- 说明：type 设置按钮的颜色 -->
					<!-- 说明：size="small" 让组件字体变小 -->
					<!-- 说明：icon 设置按钮的图标 -->
					<!-- 说明：circle 设置按钮为圆形大小，否则为长方形大小 -->
					<el-table-column fixed="right" label="操作(查，添，删，改)" width="200">
						<template slot-scope="scope">
							<el-button @click="getById(scope.row.did)" type="primary" size="small"
								icon="el-icon-message" circle>
							</el-button>
							<el-button @click="addHello()" type="success" size="small" icon="el-icon-check" circle>
							</el-button>
							<el-button @click="delDoctorById(scope.row.did)" type="danger" size="small"
								icon="el-icon-delete" circle>
							</el-button>
							<el-button @click="updateDoctorById(scope.row.did)" type="primary" size="small"
								icon="el-icon-edit" circle>
							</el-button>
						</template>
					</el-table-column>
				</el-table>
			</template>

			<!-- 分页功能 -->
			<!-- 使用了 Pagination 分页组件 -->
			<div class="block">
				<el-pagination background small @size-change="handleSizeChange" @current-change="handleCurrentChange"
					:current-page="currentPage" :page-sizes="[1, 3, 5, 7]" :page-size="pageSize"
					layout="total, sizes, prev, pager, next, jumper" :total="total">
				</el-pagination>
			</div>
		</div>

		<!-- 引入外部 js 文件 -->
		<script src="js/common.js"></script>

		<script>
			let vue = new Vue({
				el: '#app',
				data: {
					// 根据姓名查询条件声明
					name: '',

					// 修改医生信息的集合声明
					update: {},
					// 修改医生信息对话框默认不显示
					updateDialogVisible: false,

					// 添加医生信息显示时间
					show: false,
					// 添加医生信息对话框声明
					addDialogVisible: false,
					// 添加医生信息的集合声明
					add: {
						dName: '',
						dNumber: '',
						dPhone: '',
						dSex: '',
						dAge: '',
						dBirthday: '',
						dEmail: '',
						dDepartment: '',
						dEducation: '',
						dRemarks: ''
					},
					// 添加医生信息性别字段数据的声明
					options: [{
						value: '0',
						label: '男'
					}, {
						value: '1',
						label: '女'
					}],
					// 添加医生信息性别value值的声明
					value: '',
					// 添加医生信息科室字段数据的声明
					options2: [{
						value2: '1',
						label2: '急诊科'
					}, {
						value2: '2',
						label2: '儿科'
					}, {
						value2: '3',
						label2: '妇科'
					}, {
						value2: '4',
						label2: '皮肤科'
					}, {
						value2: '5',
						label2: '牙科'
					}, {
						value2: '6',
						label2: '眼科'
					}],
					// 添加医生信息科室value值的声明
					value2: '',
					// 添加医生信息学历字段数据的声明
					options3: [{
						value3: '1',
						label3: '专科'
					}, {
						value3: '2',
						label3: '本科'
					}, {
						value3: '3',
						label3: '研究生'
					}, {
						value3: '4',
						label3: '博士'
					}],
					// 添加医生信息学历value值的声明
					value3: '',

					// 查询医生详细信息对话框声明
					getDialogVisible: false,
					// 查询医生详细信息医生集合声明
					doctor: {},

					// 显示所有医生信息数组
					tableData: [],
					// 分页起始页，默认为 1
					currentPage: 1,
					// 分页当前记录数，默认为 4
					pageSize: 8,
					// 分页总记录数，默认为 0
					total: 0,
				},
				methods: {
					// 查询所有信息
					getDoctorAll() {
						this.loadDoctor(this.currentPage, this.pageSize)
						this.$message.success('查询所有信息成功')
					},
					// 跳转页面方法
					jumpOne() {
						// 跳转到药品信息页面
						window.location = "medicine.html";
					},
					// 跳转页面方法
					jumpTwo() {
						// 跳转挂号信息页面
						window.location = "register.html";
					},

					// 通过医生姓名查询医生信息方法
					/* getByLike() {
						axios({
							method: 'get',
							url: '/doctor/getDoctorByName?dName=' + this.name
						}).then(r => {
							if (this.name == '') {
								this.$message.warning('请输入内容再查询！')
								return;
							}
							this.tableData = r.data.data
							this.name = ''
							// this.$message.success("查询成功！")
						})
					}, */
					getByLike() {
						axios({
							method: 'get',
							url: '/doctor/getDoctorByName?dName=' + this.name
						}).then(r => {
							this.tableData = r.data.data
							this.name = ''
							// this.$message.success("查询成功！")
						})
					},

					// 修改医生信息方法
					updateDoctor() {
						// 多数据及文件需要使用 FormData() 表单提交
						let formData = new FormData()
						formData.append('dId', this.update.did)
						formData.append('dName', this.update.dname)
						formData.append('dNumber', this.update.dnumber)
						formData.append('dPhone', this.update.dphone)
						formData.append('dSex', this.value)
						// formData.append('dSex', this.update.dsex)
						formData.append('dAge', this.update.dage)
						formData.append('dBirthday', this.update.dbirthday)
						formData.append('dEmail', this.update.demail)
						formData.append('dDepartment', this.value2)
						// formData.append('dDepartment', this.update.ddepartment)
						formData.append('dEducation', this.value3)
						// formData.append('dEducation', this.update.deducation)
						formData.append('dRemarks', this.update.dremarks)
						// 开始发送请求
						axios({
							method: 'put',
							url: '/doctor/updateDoctor',
							data: formData
						}).then(r => {
							// 成功信息提示
							this.$message.success('修改成功')
							// 关闭对话框
							this.updateDialogVisible = false
							// 重新加载页面
							this.loadDoctor(this.currentPage, this.pageSize)
						}).catch(err => {
							// 失败信息提示
							this.$message.error('修改失败！')
							// 输出失败信息
							console.log('失败信息：' + err)
						})
					},
					// 修改医生信息取消按钮方法
					updateExit() {
						// 取消信息提示
						this.$message.warning('已取消修改医生信息')
						// 关闭对话框
						this.updateDialogVisible = false
					},
					// 修改医生信息之查询方法
					updateDoctorById(did) {
						this.updateDialogVisible = true
						// 开始发送请求
						axios({
							method: 'get',
							// url: '/doctor/getDoctorDetail?dId=' + did
							url: '/doctor/getDoctorDetail',
							params: {
								"dId": did
							}
						}).then(r => {
							// 数据赋值
							this.update = r.data.data
							// 成功信息提示
							this.$message.success('已查询到信息')
						}).catch(err => {
							// 失败信息提示
							this.$message.error('查询信息失败！' + err)
						})
					},

					// 删除医生信息方法
					delDoctorById(did) {
						this.$confirm('此操作将永久删除该文件，是否继续？', '删除信息提示', {
							confirmButtonText: '确定',
							cancelButtonText: '取消',
							type: 'warning'
						}).then(() => {
							// 开始发送请求
							axios({
								method: 'post',
								url: '/doctor/delGetById?dId=' + did
							}).then(r => {
								this.$message({
									type: 'success',
									message: '删除成功！'
								});
								// 删除成功后，重新加载页面
								this.loadDoctor(this.currentPage, this.pageSize)
							})
						}).catch(() => {
							this.$message({
								type: 'warning',
								message: '已取消删除'
							})
						})
					},


					addHello() {
						this.addDialogVisible = true
						axios({
							method: 'get',
							url: '/doctor/getLastDoctor'
						}).then(r => {
							this.show = true
							var myDate = new Date();
							var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
							var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
							var myToday = myDate.getDate(); //获取当前日(1-31)
							var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
							var myHour = myDate.getHours(); //获取当前小时数(0-23)
							var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
							var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
							var nowDate = myDate.getFullYear() + '-' + (myDate.getMonth() + 1) + '-' + myDate
								.getDate() +
								'  ' + myDate.getHours() + ':' + myDate.getMinutes() + ':' + myDate
								.getSeconds() + '  ' + ' 星期：' + myDate.getDay()
							this.add.dName = "大大怪"
							this.add.nowDate = nowDate
						})
					},

					// 添加医生信息方法
					addMedicine() {
						// this.addDialogVisible = true
						// 多数据及文件需要使用 FormData() 表单提交
						const one = new FormData()
						one.append('dName', this.add.dName)
						one.append('dNumber', this.add.dNumber)
						one.append('dPhone', this.add.dPhone)
						one.append('dSex', this.value)
						one.append('dAge', this.add.dAge)
						one.append('dBirthday', this.add.dBirthday)
						one.append('dEmail', this.add.dEmail)
						one.append('dDepartment', this.value2)
						one.append('dEducation', this.value3)
						one.append('dRemarks', this.add.dRemarks)
						// 开始发送请求
						axios({
							method: 'post',
							url: '/doctor/addDoctor',
							data: one
						}).then(r => {
							// 成功信息提示
							this.$message.success('添加成功')
							// 关闭对话框
							this.addDialogVisible = false
							// 清空集合数据
							this.add = {}
							// 清空医生性别数据信息
							this.value = ''
							// 清空医生科室数据信息
							this.value2 = ''
							// 清空医生学历数据信息
							this.value3 = ''
							// 重新加载页面
							this.loadDoctor(this.currentPage, this.pageSize)
						}).catch(err => {
							// 失败信息提示
							this.$message.error('错误信息！' + err)
							// 输出错误信息
							console.log('错误信息：' + err)
						})
					},
					// 添加医生信息取消按钮方法
					addExit() {
						// 清空集合数据
						this.add = {}
						// 清空医生性别数据信息
						this.value = ''
						// 清空医生科室数据信息
						this.value2 = ''
						// 清空医生学历数据信息
						this.value3 = ''
						// 退出信息提示
						this.$message.warning('已退出添加方法')
						// 对话框关闭
						this.addDialogVisible = false
					},

					// 查询医生详细信息方法
					getById(did) {
						this.getDialogVisible = true
						// 开始发送请求
						axios({
							method: 'get',
							// url: '/doctor/getDoctorDetail?dId=' + did
							url: '/doctor/getDoctorDetail',
							params: {
								"dId": did,
							}
						}).then(r => {
							// 数据赋值
							this.doctor = r.data.data
							// 成功信息提示
							this.$message.success('查询医生详细信息成功')
						}).catch(err => {
							// 失败信息提示
							this.$message.error('查询失败！' + err)
						})
					},
					// 查询医生详细信息退出按钮方法
					getExit() {
						// 退出信息提示
						this.$message.warning('已点击退出按钮')
						// 对话框关闭
						this.getDialogVisible = false;
					},

					// 查询所有医生信息并分页方法
					loadDoctor(pageNum, pageSize) {
						// 先清空数据再请求
						this.tableData = []
						// 总记录数默认为 0
						this.total = 0
						// 开始发送请求
						axios({
							method: 'get',
							url: '/doctor/getAllAndPage?pageNum=' + pageNum + "&pageSize=" + pageSize
						}).then(r => {
							// 给 tableData 数据赋值
							this.tableData = r.data.data.list
							// 给 total 数据赋值
							this.total = r.data.data.total
							// 给 currentPage 数据赋值
							this.currentPage = r.data.data.pageNum
							// 给 pageSize 数据赋值
							this.pageSize = r.data.data.pageSize
						}).catch(err => {
							// 失败信息提示
							this.$message.error('查询失败！' + err)
						})
					},
					// 每页条数方法
					handleSizeChange(v) {
						this.pageSize = v
						this.loadDoctor(this.currentPage, v)
					},
					// 当前页条数方法
					handleCurrentChange(v) {
						this.loadDoctor(v, this.pageSize)
					},
				},
				// 加载完成之前执行
				created() {
					this.loadDoctor(this.currentPage, this.pageSize);
				}
			})
		</script>
	</body>
</html>
